<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" id="username" value="张三" data="zhangsan">
    <!-- 本身就具有的属性叫特性 -->

    <!-- 本身没有，但是加上的 非特性 属性 不能通过点语法获得数据 data-name -->

    <script>
        var oInput = document.getElementById('username');

        console.log(oInput.value);
        console.log(oInput.data);
        oInput.value = '李四'

        // 针对非特性的方法 setAttribute()
        oInput.setAttribute('data', 'lisi');
        console.log(oInput.getAttribute('data'));


        // 数学方法
        console.log(Math);
        // random()       [0-1)区间的随机数
        console.log(Math.random());
        // 10到40之间的随机数  40-10=30 30*math.random()+10
        console.log((30 * Math.random() + 10));

        console.log((100 * Math.random()));
        var x = 100 * Math.random()
        if (x <= 1) {
            console.log("一等奖");
        } else if (x <= 3) {
            console.log("二等奖");
        } else if (x <= 5) {
            console.log("三等奖");
        } else {
            console.log('谢谢参与');
        }
    </script>

</body>

</html>